// 属于 webpack的配置文件； 这个文件中的模块化 需要遵循 commonJS 规范
// path 属于 node的内置模块;专门用来处理路径的一个模块
let  path = require('path');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin')
// __dirname 是每一个node执行的js文件中的自带变量，指的是当前文件所在文件加的绝对目录
console.log(path.resolve(__dirname,'aaa/qqq'))
module.exports = {
  // 配置 对象
  mode:'development',// production生产环境（默认） ;  development开发环境 
  entry:'./src/A.js',// 打包的主入口文件 默认就是src下的index.js
  output:{
    // 指定 打包之后输出的文件的名字及文件夹的名字
    filename:'aaa.[hash:4].js',// 指定生成文件的文件名 默认 main.js
    path: path.resolve(__dirname,'dist')// 只当生成的文件夹的目录及名字，path必须是一个绝对目录
  },
  plugins:[
    new CleanWebpackPlugin(),//删除之前生成的老文件
    new HtmlWebpackPlugin({
      title:"我很帅",
      template:'./index.html',
      filename:'qqq.html',// 指定生成的HTML文件的名字  默认是index.html
      minify:true,// 压缩html
    })
  ]
}